/**
 * 主界面的头部
 * @author Linzongxue
 */
define(function(){
	var height = 38;
	var html = [
	    '<div class="x-toolbar" style="height:100%;cursor:default;">',
	    	'<div style="float:left;line-height:{0}px;font-size:24px;padding-left:10px;">'.f(height),
	    		au.getSysParam('app.title'),
	    	'</div>',
	    	'<div style="float:right;padding:18px 5px 2px 0;">',
	    		'<img src="' + cu.getIconImg('login.gif') + '" style="width:12px;height:12px;border:none;margin-right:3px;" align="absmiddle"/>',
	    		'用户：<span id="userName"></span>',
	    		'<span id="logout" style="cursor:pointer;margin-left:10px;">',
					'<img src="' + cu.getIconImg('cancel.gif') + '" style="width:12px;height:12px;border:none;margin-right:3px;" align="absmiddle"/>退出',
				'</span>',
	    	'</div>',
	    '</div>'
	];
	var panel = new Ext.Panel({
		region: 'north',
		height: height,
		border: false,
		margins: '0 0 3 0',
		html: html.join('')
	});
	panel.on('afterrender', function(){
		this.el.child('#userName').update(au.getLoginInfo().user.name);
		this.el.child('#logout').on('click', function(){
			au.logout();
		});
	});
	return panel;
});